<html>
    <title>AI on the Edge Device - Webinstaller</title>
   <link rel="icon" href="https://raw.githubusercontent.com/jomjol/AI-on-the-edge-device/master/images/icon/favicon.ico" type="image/x-icon">
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
   <script type="module" src="https://unpkg.com/esp-web-tools@9.0.3/dist/web/install-button.js?module"></script>
   <style>
      .footer {
         display: flex;
         justify-content: space-between;
         align-items: center;
         padding: 20px;
         background-color: #d8d8d8;
         margin-top: 20px;
      }
      .footer-section {
         display: flex;
         align-items: center;
      }
      .footer-section img {
         width: 24px;
         height: 24px;
         margin-left: 10px;
      }
      .donation-cards img {
         height: 20px;
         margin-right: 5px;
      }
   </style>
   <body style="padding: 20px; padding-left: 60px; padding-right: 60px;">

   <table>
      <tr>
         <td><img src=https://raw.githubusercontent.com/jomjol/AI-on-the-edge-device/master/images/icon/watermeter.svg style="width: 100px; padding-right: 10px;"></td>
         <td><h1>AI-on-the-edge-device</h1><h2>Webinstaller and Console</h2></td>
      </tr>
   </table>
      
   <hr>

      <p>This page provides the Webinstaller and a live USB Console to your AI-on-the-edge-device.<br>

      For further information about AI-on-the-edge-device please go to <a href=https://github.com/jomjol/AI-on-the-edge-device target=_blank>https://github.com/jomjol/AI-on-the-edge-device</a>.</p>
      
      <h2>Notes:</h2>
      <ul>
         <li>The Webinstall will install the latest firmware (Version <b>$VERSION</b>).</li>
         <li>For the installation, make sure to switch the ESP32 to Bootloader mode by keeping the <b>FLASH</b> button pressed while the <b>RESET</b> button gets relesed. if there is no <b>FLASH</b> button, you need to pull <b>GPIO0</b> low!</li>
         <li>After the installation, a manual reset might be required!</li>
         <li>Please note that not all web browsers and operating systems support the necessary USB access needed for this Webinstaller!</li>
         <li>Check the <a href=https://jomjol.github.io/AI-on-the-edge-device-docs/Installation target=_blank>documentation</a> for additional information.</li>
         <li>The SD card can be setup automatically after the firmware got installed. See the <a href=https://jomjol.github.io/AI-on-the-edge-device-docs/Installation/#remote-setup-using-the-built-in-access-point target=_blank>documentation</a> for details. For this to work, the SD card must be FAT formated (which is the default on a new SD card).
            Alternatively the SD card still can be setup manually, see the <a href=https://jomjol.github.io/AI-on-the-edge-device-docs/Installation/#3-sd-card target=_blank>documentation</a> for details!</li>
      </ul>

      <h2>Licence:</h2>
      <ul>
         <li>This project is published under an individual license: <a href="https://github.com/jomjol/AI-on-the-edge-device?tab=License-1-ov-file#readme" target="_blank">License</a></li> 
         <li>By using this web installer, you agree to this license. In particular, a separate agreement with the authors is required for commercial use of AI-on-the-Edge.</li>
      </ul>
      

      <hr>

      <p><esp-web-install-button manifest="manifest.json"></esp-web-install-button></p>
      <hr>
      <p style="font-size: small;">Installer and Console powered by <a href=https://esphome.github.io/esp-web-tools/ target=_blank>ESP Web Tools</a></p>

   <div class="footer">
      <div class="footer-section">
       <span>Support & Contact</span>
       <a href="https://github.com/jomjol/AI-on-the-edge-device" target="_blank" title="GitHub">
          <img src="https://raw.githubusercontent.com/jomjol/AI-on-the-edge-device/refs/heads/main/images/github-logo.png" alt="GitHub">
       </a>
       <a href="https://github.com/jomjol/AI-on-the-edge-device/discussions" target="_blank" title="GitHub">
          <img src="https://raw.githubusercontent.com/jomjol/AI-on-the-edge-device/refs/heads/main/images/discussion-logo.png" alt="GitHub">
       </a>
	
    </div>
      <div class="footer-section">
         <span>Donations</span>
         <a href="https://www.paypal.com/donate?hosted_button_id=8TRSVYNYKDSWL" target="_blank" title="Donate via PayPal">
            <img src="https://raw.githubusercontent.com/jomjol/AI-on-the-edge-device/refs/heads/main/images/paypal.png" alt="PayPal" style="width: 60px; height: auto;">
         </a>
      </div>
   </div>

   </body>
</html>
